// 导包
const autoprefixer = require('autoprefixer') // 给相应的css加入前缀
// 导包
const pxtorem = require('postcss-pxtorem') // 把px转换为rem
// 引入path
const path = require('path')
// 这个插件会自动在需要加入相应前缀的代码前帮我们加上前缀
// 暴露出去
module.exports = {
  // css属性如何处理
  css: {
    // 处理的选项
    loaderOptions: {
      postcss: {
        plugins: [
          autoprefixer(),
          // 使用 pxtorem库进行转换
          pxtorem({
            rootValue: 37.5, // 当前像素
            propList: ['*'] // 中括号里写什么就表示哪些样式需要转换
          })
        ]
      }
    }
  },

  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      //   全局导入less
      //   patterns需要写入全局less绝对路径
      //   path 需要先引入
      patterns: [path.join(__dirname, './src/style/base.less')]
    }
  }
}
